<!-- 公告栏设计 -->
<template>
<div class="card">
    <div class="flex-center ">
      <span class="title bold">通知公告</span>
    </div>
    <!-- 公告列表 -->
    <div class="noticeList" >
        <el-collapse accordion>
        <el-collapse-item v-for="item in noticeData" :name="item.id" :key="item.id">
          <template #title>
            <el-icon :size="16">
              <i-ep-ChatDotRound />
            </el-icon>
            {{ item.title }}
          </template>
          <div>
            {{ item.content }}
          </div>
        </el-collapse-item>
      </el-collapse>
   </div>
</div>
</template>

<script setup>
import { defineProps } from 'vue';
const props=defineProps({
    noticeData:Array
})
</script>

<style scoped>
.noticeList {
  margin-top: 15px
}
</style>